<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title> 气度网 - 气度如水</title>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link type="text/css" rel="stylesheet" href="${ctx}/css/index_list.css" >
    <script src="${ctx}/js/jquery-1.5.2.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(
			function(){
				$(".body_right .hot_pro .hot_info .hot_list .hot_list_2:first").css("display","block");	
			}
		);
		function hotProduct_show(id) {
			var note = document.getElementById(id);
			$(".body_right .hot_pro .hot_info .hot_list .hot_list_2").css("display","none");
			note.style.display = "block";
		};
		
		function changeOption(url){
			location.href = url;
		};
	</script>
</head>
<body>
<div id="container">
	<!-- 头部 -->
	<%@ include file="header.jsp"%>
    <div id="banner">
    	<div id="logo">
    		<a href="${ctx}/index"><img src="${ctx}/image/index/logo.gif" border="0"  alt=" 气度网 - 气度如水 "   title=" 气度网 - 气度如水 "></a>
    	</div>
        <!-- 搜索栏 -->
        <div id="search_bar">
        <form action="${ctx}/product/search?pageNum=1&pageSize=10" method="post">
        		<input type="text" value="请输入关键字" id="search_key" name="key" class="search" />
            	<select class="search" id="search_category" name="category">
					<option value="all">所有</option>
					<s:iterator value="#session.indexMainMenu" var="tempSort">
        			<option value="<s:property value="#tempSort.typeCode"/>"><s:property value="#tempSort.typeName"/></option>
        			</s:iterator>  
           		</select>
                <input type="submit" class="search_btn" value="搜索"/>
        </form>
        </div>
   	</div>
   	<div class="clear"></div>
    <div class="divide">
    	<div class="index_menu">
        	<a href="${ctx}/index" title="气度首页"><div class="qeado_index">气度首页</div></a>
            <a href="#" title="产品类别"><div class="menu_btn">产品类别</div></a>
            <a href="${ctx }/news/index" title="农业资讯"><div class="menu_btn">农业资讯</div></a>
            <a href="${ctx }/school/index" title="校园合作"><div class="menu_btn">校园合作</div></a>
            <a href="#" title="农业百科"><div class="menu_btn">农业百科</div></a>
            <a href="#" title="市场行情"><div class="menu_btn">市场行情</div></a>
            <a href="#" title="企业名录"><div class="menu_btn">企业名录</div></a>
            <a href="#" title="校园名录"><div class="menu_btn">校园名录</div></a>
            <a href="#" title="关于气度"><div class="menu_btn">关于气度</div></a>
        </div>
        <div class="clear"></div>
		<div class="key_link_menu">
        	<div class="key_link">主要类别：</div>
        	<s:iterator value="#session.indexMainMenu" var="tempSort" status="count">
        		<a href="${ctx}/sub_sort?style=<s:property value="#count.index+1"/>"><div class="key_link"><s:property value="#tempSort.typeName"/></div></a>
        	</s:iterator>      
        </div>
        <div class="clear" ></div>
    </div>
    <div class="clear"></div>
	<!-- 内容 -->    
    <div id="body">
    	<!-- 左边 -->
    	<div class="body_left">
        	<div class="left_title">产品列表</div>
            <div class="left_info">
                	<div>
                        显示方式
                        <select onchange="changeOption(this.options[this.selectedIndex].value)">
                            <option value="1">按列表显示</option>
                            <option value="2">按橱窗显示</option>
                        </select>
                    </div>
                    <div>
                        排列方式
                        <select>
                            <option>按发布时间</option>
                            <option>价格从高到低</option>
                            <option>价格从低到高</option>                        
                            <option>人气从高到低</option>
                            <option>人气从低到高</option>
                            <option>等级从高到低</option>
                            <option>等级从低到高</option>
                        </select>
                    </div>
                    <div>
                        显示长度
                        <select>
                            <option>10条</option>
                            <option>20条</option>
                            <option>50条</option>
                            <option>100条</option>                        
                        </select>
                    </div> 
                    <div>
                        类型
                        <select>
                            <option>出售</option>
                            <option>采购</option>
                            <option>全部</option>                     
                        </select>
                    </div>           
            </div>
            <!-- 列表 -->
            <div class="left_list">
            	<div class="left_list_1"></div>
            	<div class="left_list_2">
            	<s:iterator value="productList.objList" var="product">
                	<li>
                    	<div class="p_1">
                    		<a href="${ctx}/product/view?id=<s:property value="#product.id"/>" title="<s:property value="#product.prodName"/>">
                    			<img src="${ctx}/uploadfiles/<s:property value="#product.fileName"/>" width="110" height="90">
                    		</a>
                    	</div>
                        <div class="p_2">
							<a href="${ctx}/product/view?id=<s:property value="#product.id"/>" title="<s:property value="#product.prodName"/>">
								<div class="p_2_1">
									<s:if test="#product.prodName.length() > 40">
										<s:property value="#product.prodName.substring(0,40) + '...' "/>
									</s:if>
									<s:else>
										<s:property value="#product.prodName"/>
									</s:else>
								</div>
							</a>
                            <div class="p_2_2">
                            	<div><img src="${ctx}/image/index/5stars.png" width="80"></div>
                            	<div>￥ <font color="#FF0000"><s:property value="#product.price"/></font> / <s:property value="#product.unit"/></div>
                                <div>产地：
                                	<s:if test="#product.prodPlace.length() > 12">
                                		<s:property value="#product.prodPlace.substring(0,12) + '...' "/>	
                                	</s:if>
                                	<s:else>
                                		<s:property value="#product.prodPlace"/>
                                	</s:else>
                                </div>
                            </div>
                            <div class="p_2_2">
                            	<div>用户等级：VIP1</div>
                                <div><s:property value="#product.prodOwner"/></div>
                                <div>海南房地产公司</div>
                            </div> 
                        </div>
                    </li>
				</s:iterator>
				<div  style="text-align:center;"></br><p><s:property value="%{productList.pagebar}"  escape="false" /></p></br></div>
                </div>
            </div>
        </div>
        <!-- 右边 -->
    	<div class="body_right">
        	<!-- 热销 -->
            <div class="hot_pro">
            	<div class="hot_title">热门产品<div><a href="#">更多></a></div></div>
                <div class="hot_info">
					<div class="hot_list">
                    	<div class="hot_list_1"  id="p000001110" onMouseOver="hotProduct_show('p000001110_p')">XXXXX产品</div>
                        <div class="hot_list_2" id="p000001110_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
					<div class="hot_list">
                    	<div class="hot_list_1"  id="p000001111" onMouseOver="hotProduct_show('p000001111_p')">XXXXX产品</div>
                        <div class="hot_list_2" id="p000001111_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
					<div class="hot_list">
                    	<div class="hot_list_1"  id="p000001112" onMouseOver="hotProduct_show('p000001112_p')">XXXXX产品</div>
                        <div class="hot_list_2" id="p000001112_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
					<div class="hot_list">
                    	<div class="hot_list_1"  id="p000001113" onMouseOver="hotProduct_show('p000001113_p')">XXXXX产品</div>
                        <div class="hot_list_2" id="p000001113_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
					<div class="hot_list">
                    	<div class="hot_list_1"  id="p000001114" onMouseOver="hotProduct_show('p000001114_p')">XXXXX产品</div>
                        <div class="hot_list_2" id="p000001114_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div> 
					<div class="hot_list">
                    	<div class="hot_list_1"  id="p000001115" onMouseOver="hotProduct_show('p000001115_p')">XXXXX产品</div>
                        <div class="hot_list_2" id="p000001115_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
					<div class="hot_list">
                    	<div class="hot_list_1"  id="p000001116" onMouseOver="hotProduct_show('p000001116_p')">XXXXX产品</div>
                        <div class="hot_list_2" id="p000001116_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
					<div class="hot_list">
                    	<div class="hot_list_1"  id="p000001117" onMouseOver="hotProduct_show('p000001117_p')">XXXXX产品</div>
                        <div class="hot_list_2" id="p000001117_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
					<div class="hot_list">
                    	<div class="hot_list_1"  id="p000001118" onMouseOver="hotProduct_show('p000001118_p')">XXXXX产品</div>
                        <div class="hot_list_2" id="p000001118_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
					<div class="hot_list">
                    	<div class="hot_list_1"  id="p000001119" onMouseOver="hotProduct_show('p000001119_p')">XXXXX产品</div>
                        <div class="hot_list_2" id="p000001119_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
                                       
                </div>
            </div>
            <!-- 推荐 -->
            <div class="hot_pro">
            	<div class="hot_title">推荐展台<div><a href="#">更多></a></div></div>
                <div class="hot_info">
					<div class="hot_list">
                        <div class="hot_list_3" id="p000001110_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
					<div class="hot_list">
                        <div class="hot_list_3" id="p000001110_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>
					<div class="hot_list">
                        <div class="hot_list_3" id="p000001110_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div> 
					<div class="hot_list">
                        <div class="hot_list_3" id="p000001110_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div> 
					<div class="hot_list">
                        <div class="hot_list_3" id="p000001110_p">
                        	<a href="#"><div><img src="image/upload/p_1.jpg" width="120" height="90"></div></a>
                            <div>
                            	<li>椰岛鹿龟酒</li>
                                <li>￥<font color="#FF0000" size="+1">100</font></li>
                                <li>截至 2011-12-12</li>
                            </div>
                        </div>
                    </div>                                      
                </div>
            </div>
            <!-- 广告 -->
            <div class="ad_01"><a href="http://www.taobao.com" target="_blank"><img src="image/ad/taobao.jpg" width="235" height="100"></a></div>
            <div class="ad_01"><a href="http://www.1688.com" target="_blank"><img src="image/ad/1688.jpg" width="235" height="100"></a></div>
            <div class="ad_01"><a href="#" target="_blank"><img src="image/ad/pccar.jpg" width="235" height="100"></a></div>
        </div>
    </div>

    <div class="clear"></div>
    <!-- 尾部 -->
    <div id="footer">
    	<!-- 一些链接 -->
		<div id="friendly_link">
        	<li class="friendly_link"></li>
            <li class="friendly_link"></li>
        </div>
        <div class="clear"></div>
        <!-- 一些链接 -->
        <div id="web_info">
        		<a class="friendly_link" href="#">气度网简介</a>&nbsp;|&nbsp;
                <a class="friendly_link" href="#">营业执照</a>&nbsp;|&nbsp; 
            	<a class="friendly_link" href="#">注册协议</a>&nbsp;|&nbsp;
            	<a class="friendly_link" href="#">法律声明</a>&nbsp;|&nbsp;
            	<a class="friendly_link" href="#">联系我们</a>&nbsp;|&nbsp;
                <a class="friendly_link" href="#">便民服务</a>&nbsp;|&nbsp;
                <a class="friendly_link" href="#">友情链接</a>&nbsp;|&nbsp;
            	<a class="friendly_link" href="#">使用帮助</a>&nbsp;|&nbsp;
            	<a class="friendly_link" href="#">广告服务</a>&nbsp;|&nbsp;
            	<a class="friendly_link" href="#">给我们留言</a>&nbsp;|&nbsp;
                <a class="friendly_link" href="#">导航地图</a>
        </div>
    	<hr />
        <!-- 一些证件和信息 -->
        <div class="copyright">Email : allenlinrui@gmail.com  |  Tel : 18915583294 / 0571-89898989  |  QQ : 67780691</div>
        <div class="copyright">Copyright © 2010-2011 中国科大软件学院软设专业Fine团队 版权所有</div>
        <div class="copyright"><img src="image/index/logo.gif" width="80px"> 苏ICP证：0000000号</div>
    </div>
</div>   
</body>
</html>
